<!-- 3x3 board of divs. I don't like tables. Div's are prett and easier in my opinion.
3 CSS classes used to style the borders properly. Again, only tested in Moz 7/8.
Each has an onclick (TERRIBLe way but I didn't want to link 9 event listeners) with its
row and col. Clear divs break the floats between rows. -->
<div id="board_container">
	<div id="0,0" class="square" onclick="setXO(0,0)"></div>
	<div id="0,1" class="square m_square" onclick="setXO(0,1)"></div>
	<div id="0,2" class="square" onclick="setXO(0,2)"></div>

	<div class="clear"></div>

	<div id="1,0" class="square s_square" onclick="setXO(1,0)"></div>
	<div id="1,1" class="square c_square" onclick="setXO(1,1)"></div>
	<div id="1,2" class="square s_square" onclick="setXO(1,2)"></div>

	<div class="clear"></div>

	<div id="2,0" class="square" onclick="setXO(2,0)"></div>
	<div id="2,1" class="square m_square" onclick="setXO(2,1)"></div>
	<div id="2,2" class="square" onclick="setXO(2,2)"></div>

</div>

